﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>deloul</title>
<link type="text/css" rel="stylesheet" media="screen" href="css/type.css" />
</head>
<body>
<div class="h_header clearfix">
	<a href="#" class="logo" title="deloul"></a>
    <div class="navlist h_txt_1">
    	<a href="info.html">info</a>
    	<a href="works.html" class="hot">works</a>
    	<a href="contact.html">contact</a>
    </div>
</div>
<div class="scrollBox">
<div class="indexScroll">
	<dl style="left:0;top:0;">
    	<dt><a href="#"><img src="images/indexScroll/title_2005.jpg" /></a></dt>
        <dd len="3" num="3" style="width:215px;"><ul>
        	<li><a href="#"><img src="images/indexScroll/dataid_1.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_2.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_3.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_4.jpg" /></a></li>
        </ul></dd>
    </dl>
	<dl style="left:675px;top:0;">
    	<dt><a href="#"><img src="images/indexScroll/title_2006.jpg" /></a></dt>
        <dd len="4" num="3" style="width:215px;"><ul>
        	<li><a href="#"><img src="images/indexScroll/dataid_4.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_5.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_6.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_7.jpg" /></a></li>
        </ul></dd>
    </dl>
	<dl style="left:0px;top:75px;">
    	<dt><a href="#"><img src="images/indexScroll/title_2007.jpg" /></a></dt>
        <dd len="5" num="4" style="width:290px;"><ul>
        	<li><a href="#"><img src="images/indexScroll/dataid_7.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_8.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_9.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_10.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_11.jpg" /></a></li>
        </ul></dd>
    </dl>
	<dl style="left:450px;top:75px;">
    	<dt><a href="#"><img src="images/indexScroll/title_2008.jpg" /></a></dt>
        <dd len="4" num="4" style="width:290px;"><ul>
        	<li><a href="#"><img src="images/indexScroll/dataid_10.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_11.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_12.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_13.jpg" /></a></li>
        </ul></dd>
    </dl>
	<dl style="left:0;top:150px;">
    	<dt><a href="#"><img src="images/indexScroll/title_2009.jpg" /></a></dt>
        <dd len="5" num="5" style="width:365px;"><ul>
        	<li><a href="#"><img src="images/indexScroll/dataid_14.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_15.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_16.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_17.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_18.jpg" /></a></li>
        </ul></dd>
    </dl>
	<dl style="left:525px;top:150px;">
    	<dt><a href="#"><img src="images/indexScroll/title_2010.jpg" /></a></dt>
        <dd len="6" num="5" style="width:365px;"><ul>
        	<li><a href="#"><img src="images/indexScroll/dataid_19.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_20.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_21.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_22.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_23.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_24.jpg" /></a></li>
        </ul></dd>
    </dl>
	<dl style="left:150px;top:225px;">
    	<dt><a href="#"><img src="images/indexScroll/title_2011.jpg" /></a></dt>
        <dd len="10" num="10" style="width:740px;"><ul>
        	<li><a href="#"><img src="images/indexScroll/dataid_24.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_25.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_26.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_27.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_28.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_29.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_30.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_31.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_32.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_33.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_34.jpg" /></a></li>
        </ul></dd>
    </dl>
	<dl style="left:750px;top:300px;">
    	<dt><a href="#"><img src="images/indexScroll/title_2011.jpg" /></a></dt>
        <dd len="3" num="2" style="width:140px;"><ul>
        	<li><a href="#"><img src="images/indexScroll/dataid_34.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_35.jpg" /></a></li>
        	<li><a href="#"><img src="images/indexScroll/dataid_36.jpg" /></a></li>
        </ul></dd>
    </dl>
</div>
</div>
	<div id="SortBtn">
		<span typeId="year" class="selected"><a href="#">chronological</a></span>
		<span typeId="place"><a href="#">programmatic</a></span>
		<span typeId="assort"><a href="#">scale</a></span>
		<span typeId="plan"><a href="#">status</a></span>
	</div>


<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/work.js"></script>

</body>
</html>
